<template>
	<el-collapse v-model="activeName" accordion>
		<el-collapse-item v-for="item in features" :key="item.id" :title="item.title" :name="item.id">
			<div v-html="item.content"></div>
		</el-collapse-item>
	</el-collapse>
</template>

<script setup>
	import {
		ref,
		defineProps
	} from 'vue'
	const activeName = ref(0)
	defineProps({
		features: {
			type: Array,
			required: true
		}
	})
</script>

<style lang="scss" scoped>
	:deep .el-collapse-item__header {
		font-weight: bold;
	}

	.el-collapse-item {
		:deep a {
			color: #2d62f7;
			margin: 0 4px;
		}
	}
</style>
